﻿<style>
    .wrapper {
        padding: 0px;
    }
</style>
<div class="hbox hbox-auto-xs hbox-auto-sm">
    <div class="col">
        <div style="background:url(img/d3.jpg) center center; background-size:cover">
            <div class="wrapper-lg bg-white-opacity">
                <div class="row m-t">
                    <div class="col-sm-7">
                        <a href class="thumb-lg pull-left m-r">
                            <img src="img/a1.png" class="img-circle">
                        </a>
                        <div class="clear m-b">
                            <div class="m-b m-t-sm">
                                <span class="h3 text-black">黄禹</span>
                                <small class="m-l">北京</small>
                            </div>
                            <p class="m-b">
                                <a href class="btn btn-sm btn-bg btn-rounded btn-default btn-icon"><i class="fa  icon-diamond" style="color:#d3162b"></i></a>
                                <a href class="btn btn-sm btn-bg btn-rounded btn-default btn-icon"><i class="fa  icon-speedometer"></i></a>
                                <a href class="btn btn-sm btn-bg btn-rounded btn-default btn-icon"><i class="fa icon-social-dribbble"></i></a>
                            </p>
                           
                            <div class="media-body">
                                <!--<a href="" class="h4">不要迷恋哥，因为哥只是个传说。</a>-->
                                <small class="block m-t-xs">不要迷恋哥，因为哥只是个传说。</small>
                               
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </div>
        <!--<div class="wrapper bg-white b-b">
            <ul class="nav nav-pills nav-sm">
                <li class="active"><a href>测试</a></li>
                <li><a href>测试</a></li>
                <li><a href="#/hy/publish">我的发起的结伴</a></li>
                <li><a href="#/hy/join">参加过的结伴</a></li>
                <li><a href="#/hy/datetime">备注提醒</a></li>
            </ul>
        </div>-->
        <div class="list-group auto m-b-sm m-b-lg">
            <a href="#/hy/app/jieban" class="list-group-item">
                <i class="fa fa-chevron-right text-muted"></i>
                <i class="fa fa-fw fa-mail-forward m-r-xs"></i>我的结伴
            </a>
            <a href="#/hy/app/datetime" class="list-group-item">
                <i class="fa fa-chevron-right text-muted"></i>
                <i class="fa fa-fw fa-mail-forward m-r-xs"></i>本月计划
            </a>
            <a ui-sref="access.signin" class="list-group-item" href="#/access/signin">
                <i class="fa fa-chevron-right text-muted"></i>
                <i class="fa fa-fw fa-sign-in m-r-xs"></i>历史参加记录
            </a>
            <a ui-sref="access.signup" class="list-group-item" href="#/access/signup">
                <i class="fa fa-chevron-right text-muted"></i>
                <i class="fa fa-fw fa-unlock-alt m-r-xs"></i>修改个人资料
            </a>
            <a  ng-controller="ModalDemoCtrl" ng-click="open('sm')"  ui-sref="access.signup" class="list-group-item" href="#">
                <script type="text/ng-template" id="myModalContent.html">
                    <div ng-include="'view/blocks/modal.html'"></div>
                </script>
                <i class="fa fa-chevron-right text-muted"></i>
                <i class="fa fa-fw fa-unlock-alt m-r-xs" ></i>切换账号
            </a>

            <!--<div ng-controller="ModalDemoCtrl" class="panel b-a">
                <script type="text/ng-template" id="myModalContent.html">
                    <div ng-include="'tpl/modal.html'"></div>
                </script>
                <div class="panel-heading b-b b-light">Modal</div>
                <div class="panel-body">
                    <button class="btn btn-success" ng-click="open()">Open me!</button>
                    <button class="btn btn-default" ng-click="open('lg')">Large modal</button>
                    <button class="btn btn-default" ng-click="open('sm')">Small modal</button>
                </div>
            </div>-->

        </div>
    </div>

</div>